<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>   
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%> 
<base href="<%=basePath%>">  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="http://www.bootcss.com/p/layoutit/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="http://www.bootcss.com/p/layoutit/css/layoutit.css" rel="stylesheet">
<title>公司复审</title>
<style>
#login {  
			        display:none;  
			        border:0em solid pink;  
			        height:50%;  
			        width:50%;  
			        position:absolute;/*让节点脱离文档流,我的理解就是,从页面上浮出来,不再按照文档其它内容布局*/  
			        top:24%;/*节点脱离了文档流,如果设置位置需要用top和left,right,bottom定位*/  
			        left:24%;  
			        z-index:2;/*个人理解为层级关系,由于这个节点要在顶部显示,所以这个值比其余节点的都大*/  
			       /*  background: lightgrey;   */
			        border: 0px solid; 
			    }  
	 #over{  
		 width: 100%;  
		 height:100%;  
		 opacity:0.8;/*设置背景色透明度,1为完全不透明,IE需要使用filter:alpha(opacity=80);*/  
		 filter:alpha(opacity=80);  
		 display: none;  
		 position:absolute;  
		 top:0;  
		 left:0;  
		 z-index:1;  
		 background: lightgrey;
		 } 
	.logo{
		background-image:url(images/hyd_logo.png);
		background-repeat:repeat-y;
		border:1px solid black;
		background-color: gray;
		width:100%;
		height:80px;
		margin:auto;
	}
	.logo h1{
		color:white;
		position:absolute; 
		font-size:30px;
		margin-left: 180px;
		margin-top: 5px;
	}
	.logo button{
		color: red;
		width:80px;
		height:30px;
		font-size:18px;
		font-weight:bold;
		float:right;
		margin-top: 45px;
	}
	.demo{
		border:2px solid green;
		width:100%;
		height: 590px;
		
	}
	.demo01{
		width:150px;
		height:590px;
		background-color:highlight;
		border:1px solid gray;
		float: left;
	}
 	.leixin{
		font-size: 18px;
		margin: 35px auto;	
	} 
 	a{	
		text-decoration:none;
		color:brown;
		font-weight: bold;
	}
 	.demo02{
		width:1420px;
		height: 590px;
		border:1px solid red;
		margin-left: 155px;
	}

 	.banquan{
		width: 100%;
		height: 70px;
		background-color: gray;
		border:1px solid black;
		
	}
	.banquan p{
		text-align: center;
		font-size: 16px;
		margin-top: 2px;
	} 
	td{
		text-align: center;
		color:maroon;
		font-weight: bold;
	}
	tr{
		line-height: 25px;
	} 
	#img{
		border:0px solid red;
		width: 600px;
		height: 500px;
		margin-left: 720px;
		margin-top: -540px;
	}
	.yema{
		border:0px solid red;
		width: 400px;
		height: 20px;
		margin: auto;
		margin-top: 30px;
		color: brown;
		font-weight: bold;
	}
	.input {   
		 margin:0;   
		 padding:0;   
		 height:29px;   
		 width:404px;
		 } 
		  
</style>
</head>
<body>
	<!-- logo区 -->
	<div class="logo" >	
		<h1>好易贷初审管理系统</h1>
		<button>退出</button>
	</div>
	<!-- 内容区 -->
	<div class="demo" >
		<!-- 模块1区 -->
		<div class="demo01">
			<ul class="type">
				<li class="leixin"><a href="<%=basePath%>ApplyAction/sss.do">信用贷款</a></li>
<!-- 				<li class="leixin"><a href="fuShen02.jsp">抵押贷款</a></li>	 -->
				<li class="leixin"><a href="<%=basePath%>Business/gsfs.do">公司贷款</a></li>
			</ul>
		</div>
		<!-- 模块2区    -->
		<div class="demo02">
			<p style="color:brown;font-weight: bold;font-family: cursive;font-size: 20px;margin-top: -1px">公司贷款</p>
			<form action="bohui.do"  onclick="bohui()" method="post" id="bh">
					<c:forEach items="${GSList }" var="gsList" varStatus="st">
					<table border="1" bordercolor="brown" style="margin-left: 50px;">
						<tr>
							<td width="150px">编号</td><td width="400px">${st.index+1 }</td>
						</tr>
						<tr>
							<td>单号</td><td>${gsList.pay_num }</td>
						</tr>
						<tr>
							<td>企业名称</td><td>${gsList.bus_name }</td>
						</tr>
						<tr>
							<td>企业类型</td><td>${gsList.bus_type }</td>
						</tr>
						<tr>
							<td>注册资金</td><td>${gsList.bus_money }</td>
						</tr>
						<tr>
							<td>法人名称</td><td>${gsList.bus_bos }</td>
						</tr>
						<tr>
							<td>法人身份证</td><td>${gsList.idcard_name }</td>
						</tr>
						<tr>
							<td>企业银行卡</td><td>${gsList.bank_num }</td>
						</tr>
						<tr>
							<td>营业执照图片</td><td><button class="btn btn-warning" type="button" onclick="show()">查看</button></td>
						</tr>
						<div id="login">  
							<div style="  height:360px;">
								<img src="images/fc.jpg" width="360px" height="352px">
								<a href="javascript:hide()">关闭</a>  
							 </div>  
						</div>
						<tr>
							<td>贷款金额</td><td>${gsList.daik_money }</td>
						</tr>
						<tr>
							<td>贷款用途</td><td>${gsList.daik_use }</td>
						</tr>
						<tr>
							<td>贷款期数</td><td>${gsList.fenqi.fname }</td>
						</tr>
						<tr>
							<td>xxxxx</td><td>xxxxx</td>
						</tr>
						<tr>
							<td>xxxxx</td><td>xxxxx</td>
						</tr>
						<tr>
							<td>审批意见:</td><td><input class="input" name="sur_context"></td>
						</tr>
						<tr>
							<td height="35px;">审核意见</td><td><button style="width: 100px;height: 30px;color:green;font-size: 17px;font-weight: bold;">通过</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button style="width: 100px;height: 30px;color:red;font-size: 17px;font-weight: bold;">不通过</button></td>
						</tr>
					</table>
				</form>
				<div id="img">
					<table border="1" bordercolor="green" >
					
					<tr>
						<td colspan="2" height="35px">身份证正反面</td>
					</tr>
					<tr>
						<td width="290px" height="160px"><img src="images/2a.jpg" width="288px" height="158px"></td><td width="290px" height="160px"><img src="images/1a.JPG" width="288px" height="158px"></td>
					</tr>
					
					<tr>
						<td colspan="2" height="35px">银行卡正反面</td>
					</tr>
					<tr>
						<td width="290px" height="160px"><img src="images/3a.jpg" width="288px" height="158px"></td><td width="290px" height="160px"><img src="images/33.jpg" width="288px" height="158px"></td>
					</tr>
				 
			</table>
			<c:choose>
			
				<c:when test="${gsList.s_id eq '2'}">
					<div class="yema">
						&nbsp;&nbsp;
						<a href="javascript:firstPage()">首页</a>
						&nbsp;&nbsp;
						<a href="javascript:upPage()">上一页</a>
						&nbsp;&nbsp;
						<a href="javascript:nextPage()">下一页</a>
						&nbsp;&nbsp;
						<a href="javascript:lasPage()">尾页</a>
						&nbsp;&nbsp;&nbsp;
						当前是第${pageUtil.pageNum }/${pageUtil.totalPage }页,一共有${pageUtil.totalNum }条数据<br/>
					</div>
				 </c:when>
				 <c:otherwise>
				  		<center><h3>暂时没有可以审核信息</h3></center>
				 </c:otherwise>
			 </c:choose>
			</c:forEach>
			<div>
					<form action="gsfs.do" method="post" id="pageForm">
						<input type="hidden" id="pageNum" value="${pageUtil.pageNum }" name="pageNum"/>
						<input type="hidden" id="totalPage" value="${pageUtil.totalPage }"/>
					</form>	
				</div>
			
		</div>
			
		</div>
	</div>
	<!-- 版权区 -->
	<div class="banquan">
		<p>版权所有，盗版必究</p>
		<p>http://www.zhiling.com</p>
	</div>
<script type="text/javascript">
	var login = document.getElementById('login');  
	var over = document.getElementById('over');  
	    function show()  
	    {  
	        login.style.display="block";  
	        over.style.display="block";  
 	     <%--   /* location.href="<%=basePath%>userById.do?u_id=${userInfo.u_id}";*/ --%>
 	    }  
	    function hide()  
	    {  
	        login.style.display = "none";  
	        over.style.display = "none";  
	    }  
</script>

</body>
<script type="text/javascript">
		
		function firstPage(){
			document.getElementById("pageNum").value=1;
			document.getElementById("pageForm").submit();
		}
		function upPage(){
			var pageNum = document.getElementById("pageNum").value;
			pageNum = parseInt(pageNum);
			if(pageNum <= 1){
				alert("当前已经是第一页了");
			}
			else{
				pageNum = pageNum - 1;
				document.getElementById("pageNum").value=pageNum;
				document.getElementById("pageForm").submit();
			}
		}
		function nextPage(){
			var pageNum = document.getElementById("pageNum").value;
			var totalPage = document.getElementById("totalPage").value;
			pageNum = parseInt(pageNum);
			totalPage = parseInt(totalPage);
			if(pageNum >= totalPage){
				alert("当前已经是最后一页了");
			}
			else{
				pageNum = pageNum + 1;
				document.getElementById("pageNum").value=pageNum;
				document.getElementById("pageForm").submit();
			}
			
		}
		function lasPage()
		{
			var totalPage = document.getElementById("totalPage").value;
			document.getElementById("pageNum").value=totalPage;
			document.getElementById("pageForm").submit();
		}
	</script>
	<script type="text/javascript">
		function off() {
			$("#login1").css("display","none");
		}
		/* 不通过填写驳回信息 */
		function bohui() {
			$("#bh").submit();
		}
	</script>
</html>